<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>骑行</title>
</head>

<body>

    <header class="e-top">
        <section class="exer-tips w1">
            <div id="runs">
                跑步
            </div>
            <div class="run" id="riding">
                骑行
            </div>
            <div id="course">
                课程训练
            </div>
        </section>


        <section class="total-distance">
            <div class="t-dis pp10 w1">
                目前累计跑步距离:
            </div>

            <div class="w1 dis">
                <span class="bigskl">999.99</span>
                <span>公里</span>
            </div>

        </section>

    </header>





    <main class="map-main">
        <div class="map">
            <!-- <section class="option-run mt5">
                <div>户外跑</div>
                <div>燃脂跑</div>
                <div>跑步机</div>
            </section> -->

            <section class="run-go dcc">
                <div class="dcc fs70">GO</div>
            </section>

            <section class="run-set">

                <div class="set dcc">
                    <span class="iconfont icon-shezhi "></span>
                </div>


                <div class="set-tar">
                    <span>设置目标</span>
                    <span class="iconfont icon-houtui1"></span>
                </div>

                <div class="mic dcc">
                    <span class="iconfont icon-music"></span>
                </div>

            </section>
        </div>

        <div class="set-way">
            <div class="w1 way">
                <div>
                    <p>骑行路线</p>
                    <p class="fs14 c666">使用骑行路线,邂逅附近的骑行达人</p>
                </div>
                <span class="iconfont icon-houtui1 c666">
                </span>
            </div>
        </div>


    </main>




    <footer class="w1 table-footer">
        <div class="checkout" id="mIndex">
            <span class="iconfont icon-home fs32"></span>
            <span>首页</span>
        </div>

        <div id="exercise">
            <span class="iconfont icon-aixinfengxian fs32
"></span>
            <span>运动</span>
        </div>

        <div id="mine">
            <span class="iconfont icon-wode fs32"></span>
            <span>我的</span>
        </div>
    </footer>




</body>

</html>